<div [formGroup]="configuration.formGroupReference">
    <div class="form-check">
        <label class="form-check-label col-form-label">
            <input
                type="checkbox"
                [formControlName]="configuration.formControlId"
                class="form-check-input qa-{{ configuration.qaPrefix }}-{{ configuration.formControlId }}"
                placeholder="{{ labelTranslationKey | translate }}"
            />
            <span class="col-form-label" *ngIf="configuration.showLabel">
                <span *ngIf="configuration.required">* </span>
                <span>{{ labelTranslationKey | translate }}</span>
            </span>
            <app-form-input-error
                class="invalid-feedback"
                [formGroupReference]="configuration.formGroupReference"
                [formControlId]="configuration.formControlId"
            >
            </app-form-input-error>
        </label>
    </div>
</div>
